//@import "components/common/_variables.scss";
@import 'components/common/_mixins.scss';
@import 'components/common/_breakpoints.scss';


//.container {
//    width: $container-width-m;
//    @media (min-width: $container-breakpoint-lg) {
//        width: $container-width-lg;
//    }
//    margin-left: auto;
//    margin-right: auto;
//}

.container {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  @include min-w(s) {
    padding-left: 32px;
    padding-right: 32px;
  }

  @include min-w(l) {
    padding-left: 48px;
    padding-right: 48px;
  }

  @include min-w(xl) {
    max-width: var(--wp--style--global--content-size);
  }
}
